<script setup>
import { indexStore } from "@/stores/index";
import zhCN from "ant-design-vue/es/locale/zh_CN";
const store = indexStore();
</script>

<template>
  <a-config-provider :locale="zhCN">
    <a-spin class="Loading" :spinning="store.httpCount > 0" tip="Loading..."></a-spin>
    <router-view></router-view>
  </a-config-provider>
</template>

<style>
html,
body,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
}
.Loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
/* 针对Webkit内核浏览器（Chrome, Safari, Edge等） */
::-webkit-scrollbar {
  width: 8px; /* 垂直滚动条宽度 */
  height: 8px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius: 4px;
}

/* 鼠标悬停在滑块上时的样式 */
/* ::-webkit-scrollbar-thumb:hover {
  background: #555; 
} */
</style>
